<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>财务管理 | 提款管理</title>
  <!-- 告诉浏览器该页面是自适应布局 -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.6 -->
  <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
   <!-- Font Awesome -->
  <link rel="stylesheet" href="../../dist/css/font-awesome.min.css">
  <!-- daterange picker -->
  <link rel="stylesheet" href="../../plugins/daterangepicker/daterangepicker.css">
  <link rel="stylesheet" type="text/css" href="../../plugins/pagination/pagination.css">
  <link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
  <link rel="stylesheet" href="../../dist/css/layout.css">
</head>
<body class="hold-transition sidebar-mini">
<div class="wrapper" style="background: #ecf0f5">
  <section class="content-header ">
      <h1>财务管理 <small>提款管理</small></h1>
      <a href="javascript:;" class="pos_ab_right" onclick="window.location.reload()"><i class="fa fa-repeat"></i>刷新当前页</a>
      
    </section>
    <!-- Main content -->
    <section class="content ">
      <div class="box">
        <div class="box-header">
          <h3 class="box-title">查询</h3>
          <div class="box-tools"><button type="button" class="btn btn-primary btn-sm" id="checkBtn">查询</button></div>
        </div>
        <div class="box-body">
          <div class="row">
            <div class="col-sm-2 col-xs-6">
             <div class="input-group ">
                <div class="input-group-addon">
                  <i class="glyphicon glyphicon-earphone"></i>
                </div>
                <input type="text" class="form-control pull-right" placeholder="手机号码查询" id="checkPhone">
              </div>
            </div>
            <div class="col-sm-2 col-xs-6">
              <div class="input-group">
                <div class="input-group-addon">
                  <i class="glyphicon glyphicon-tags"></i>
                </div>
                <input type="text" class="form-control pull-right" placeholder="提款订单号查询" id="checkOrderId">
              </div>
            </div>
            <div class="col-sm-2 col-xs-6">
              <div class="input-group">
                <div class="input-group-addon">
                  <i class="fa fa-pie-chart"></i>
                </div>
                <select class="form-control pull-right" id="timeState">
                    <option value="1">提款时间</option>
                    <option value="0">处理时间</option>
                  </select>
              </div>
            </div>
            <div class="col-sm-2 col-xs-6">
              <div class="input-group date ">
                <div class="input-group-addon">
                  <i class="fa fa fa-calendar"></i>
                </div>
                <input type="text" class="form-control pull-right" id="datepicker" placeholder="提款时间查询">
              </div>
            </div>
            <div class="col-sm-2 col-xs-6">
              <div class="input-group">
                <div class="input-group-addon">
                  <i class="fa fa-send"></i>
                </div>
                <select class="form-control pull-right" id="checkState">
                    <option value="">提款状态查询</option>
                    <option value="0">未处理</option>
                    <option value="1">提款成功 </option>
                    <option value="2">提款失败</option>
                    <option value="3">银行返款给用户充值</option>
                  </select>
              </div>
            </div>
            <div class="col-sm-2 col-xs-6">
              <button type="button" class="btn" id="allMoney"><i class="fa fa-line-chart text-green" style="padding-right: 10px;"></i><span>查看汇总</span></button>
            </div>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-sm-12">
          <div class="nav-tabs-custom">
            <ul class="nav nav-tabs pull-right">
              <li class="jsNavTaB" data-state="99"><a href="javascript:;" >全部</a></li>
              <li class="active jsNavTaB" data-state="0"><a href="javascript:;" >待审核</a></li>
              <li class="jsNavTaB" data-state="1"><a href="javascript:;">已审核</a></li>
              <li class="pull-left header"><i class="fa fa-th"></i> 提款列表</li>
            </ul>
            <div class="tab-content">
              <div class="tab-pane active">
                <table class="table table-bordered table-striped table-hover dataTable" id="table">
                  <thead>
                      <tr role="row">
                        <th>序号</th>
                        <th>提款订单号</th>
                        <th>手机号</th>
                        <th>昵称</th>
                        <th>用户ID</th>
                        <th>真实姓名</th>
                        <th>省份</th>
                        <th>城市</th>
                        <th>开户银行</th>
                        <th>支行名称</th>
                        <th>银行卡号</th>
                        <th>提款金额</th>
                        <th>可提款金额</th>
                        <th>提款时间</th>
                        <th>提款状态</th>
                        <th>审核状态</th>
                        <th>操作或操作人员</th>
                        <th>备注</th>
                      </tr>
                  </thead>
                  <tbody id="tableCon"></tbody>
                </table>
              </div>
              <div class="m-style M-box3"></div>
            </div>
            <!-- /.tab-content -->
          </div>
        </div>
      </div>
        
    </section>
    <!-- /.content -->
</div>
<!-- ./wrapper -->
<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel"></h4>
            </div>
            <div class="modal-body" id="myModalBody">
              <p>提款订单号:<strong id="orderId">--</strong></p>
              <p>用户姓名:<strong id="userName">--</strong></p>
              <p>身份证号:<strong id="IDcard">--</strong></p>
              <p>银行卡号:<strong id="bankCard">--</strong></p>
              <p>银行名称:<strong id="bankName">--</strong></p>
              <p>支行名称:<strong id="subName">--</strong></p>
              <p>提款金额:<strong id="moneyNum">--</strong></p>
              <div class="form-group" style="display: none;">
                <label><i class="text-red">*</i>提款方式：</label>
                <div class="input-group" id="DrawingType"></div>
              </div>
              <div class="form-group"><label><i class="text-red" id="agreeI">*</i>备注：</label><textarea class="form-control" rows="3" placeholder="输入 ..."></textarea></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary">确定</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!-- jQuery 2.2.3 -->
<script src="../../plugins/jQuery/jquery-2.2.3.min.js"></script>
<script src="../../plugins/jQueryUI/jquery-ui.min.js"></script>
<script src="../../bootstrap/js/bootstrap.min.js"></script>
<script src="../../dist/js/layout.js"></script>
<!-- date-range-picker -->
<script src="../../plugins/daterangepicker/moment.min.js"></script>
<script src="../../plugins/daterangepicker/daterangepicker.js"></script>
<script src="../../plugins/pagination/jquery.pagination.js"></script>
<script type="text/javascript" src="/dist/js/financeManagement/drawings.js"></script>
</body>
</html>
